*{
    margin:0;
    padding:0;

}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.main-d{
    width:100%;
    height:100%;
  
   
}
.header-d{
    width:100%;
    height:8%;
    background:pink;
    display: flex;
    align-items: center;
    justify-content: flex-start;
   font-size: 18px;
   color:#fff;
}
.left-d{
    margin-left:3%;
}
.right-d{
    margin-left:36%;
}
.article{
    width:100%;
    height:92%;
    overflow: auto;
    background:rgb(236, 238, 238);
}
.detail-img{
    width:100%;
    height:36%;
    background:#0ff;
}
.detail-img img{
    width:100%;
    height:100%;
}
.detail-top{
    width:100%;
    height:20%;
   
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-bottom:2%;
    background:#fff;
  
}
.name-d{
    font-size: 18px;
    width:100%;
    height:30%;
   
}
.price{
    display: flex;
    justify-content: space-between;
    margin-bottom:5%;
}
.price span:first-child{
    color:#fe6a0a;
    margin-left:3%;
    display: inline-block;
    width:62%;
    height:30%;
    overflow: hidden;
    

}
.price span:last-child{
    color:#7c7b7a;
    margin-right:3%;
    font-size:13px;
    width:38%;
    margin:0;
    text-align: right;
}
.detail-cen{
    width:100%;
    height:24%;
   font-size: 14px;
    margin-bottom:2%;
    background:#fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.detail-bon{
    width:100%;
    height:10%;
    background:#fff;
    display: flex;
    align-items: center;
    margin-bottom:2%;
}
.made-d span:first-child{
    color:rgb(148, 144, 144);
}
.book-d{
    width:100%;
    
    line-height: 26px;
    font-size: 16px;
    background:#fff;
    
}
.book-d h1{
    font-size: 18px;
    width:100%;
    height:40px;
    line-height: 40px;
   font-weight: normal;
    background:#fff;
    border-bottom:1px solid #ccc;
    display: flex;
    justify-content: space-around;

}
.biaoti span:hover{
    color:rgb(8, 246, 8);
}
.hide-d{
    width:100%;
    height:8%;
    position: absolute;
    left:0;
    bottom:0;
   
    background:#fff;
    display: flex;
    justify-content: flex-end;
}
.addcart{
    width:25%;
    height:100%;
    color:#fe6a0a;
    background:rgb(246, 183, 125);
    border:0;
    font-size: 16px;
}

.buy{
    width:25%;
    height:100%;
    color:#fff;
    background:#fe6a0a;
    border:0;
    font-size: 16px;

}